{include file="public/head"/}
<div class="container-fluid" id="main">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="alert alert-dismissable alert-info">
				<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
				<p></p>
            </div>
        </div>
    </div>
   
   
    <div class="ntDesktop">
    	<div class="ntDesktop-head">销售订单送货方式</div>
        <div class="row">
			<div class="col-md-6">
				<ul class="nav nav-tabs">
					<li :class="{'active':index==0}" v-for="(item,index) in langs" @click="changelang(item.code)"><a :href="'#'+item.code" data-toggle="tab">{{item.name}}</a></li>
				</ul>
			</div>
            <div class="col-md-6 text-right">
				<a href="{:url('Saledeliverytype/deliverytypeadd')}" class="btn btn-primary" data-toggle="modal" data-target="#delivery_type_Modal" v-if="auth_ids.indexOf(296) != -1">
					<span class="glyphicon glyphicon-plus"></span> 添加新的送货方式
				</a>
            </div>
        </div>
		
		
    	<div class="tab-content">
			<!-- 中文 -->
			
			<div :class="['row', 'tab-pane' , {'active':index==0}]" :id="langitem.code" v-for="(langitem,index) in langs">
				<div class="col-md-12">
					<table class="table table-striped table-hover ntTable">
						<thead>
							<tr>
								<th align="center">ID</th>
								<th> 代号 </th>
								<th> 名称 </th>
								<th> 固定 </th>
								<th> 排序 </th>
								<th> 操作 </th>
							</tr>
						</thead>
						<tbody>
							<tr v-for="(item,index) in listData">
								<td align="center">{{item.id}}</td>
								<td>{{item.code}}</td>
								<td>{{item.content}}</td>
								<td align="center">{{item.fixx}}</td>
								<td align="right">{{item.drank}}</td>
								<td class="text-right">
									<a :href="'/admin/Saledeliverytype/deliverytypeedit?id='+item.id" class="btn btn-primary" data-toggle="modal" data-target="#delivery_type_Modal" v-if="auth_ids.indexOf(297) != -1">
										<span class="glyphicon glyphicon-plus"></span> 编辑
									</a>

                          			<a href="javascript:;" class='btn btn-sm btn-default option-hide' v-if="item.fix==0" @click="deleteData(item.id)" v-if="auth_ids.indexOf(298) != -1">
                          				<span class="glyphicon glyphicon-eye-close"></span> {:strtoupper(lang('delete'))}</a>
								</td>
							</tr>
						</tbody>
					</table>

				</div>
			</div>
		
		
			<!-- PORTUGES -->
		
			<div class="row tab-pane" id="pt">
				<div class="col-md-12">
					<table class="table table-striped table-hover ntTable">
						<thead>
							<tr>
								<th align="center">ID</th>
								<th> 代号 </th>
								<th> 名称 </th>
								<th> 固定 </th>
								<th> 排序 </th>
								<th> 操作 </th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td align="center">0001</td>
								<td>RT</td>
								<td>RETIRAR</td>
								<td align="center">O</td>
								<td align="right">100</td>
								<td class="text-right">
									<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#delivery_type_Modal">
										<span class="glyphicon glyphicon-pencil"></span> 编辑
									</button>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<ul class="pagination" id="pagination" v-show="listData.length!=0">
			</ul>
		</div>
        
    </div>
</div>


<!--添加弹窗部分 开始-->
<div class="modal fade" id="delivery_type_Modal" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg" style="width:60%">
        <div class="modal-content">
            
        </div>
    </div>
</div>

<!--弹窗部分 结束-->


<script src="/static/Admin/js/deliverytype.js"></script>
{include file="public/foot"/}